<template>
	<!-- 提交订单的顶部公共区域   logo  标题和预览 -->
	<view class="just-between">
		<view class="aj-center">
			<view class="" style="width: 64rpx;height: 70rpx;margin-right: 34rpx;">
				<image :src="img" mode="" style="width:100%;height:100%;"></image>
			</view>
			<view class=""
				style="font-size: 16px; font-weight: bold;color: #222222;overflow: hidden;box-sizing: border-box;">
				<!-- parse.path[0].name.length > 17 ? parse.path[0].name.substring(0, 17) + '...' : parse.path[0].name.substring(0, 11) -->
				{{title.length > 13 ? title.substring(0, 13) + '...' :  title}}
			</view>
		</view>
		<view class="aj-center" style="" @click="easyDocument" v-if="yul">
			<view class="aj-center" style=" color: #4D97FF;margin-right: 12rpx;">
				<text>预览</text>
			</view>
			<view class="aj-center" style="width: 10rpx;height: 18rpx;">
				<image src="../../static/into2@2x.png"></image>
			</view>
		</view>
		<!-- <view class="color-4d500  aj-center"
			style="font-size: 26rpx;font-weight: bold; margin-left:20rpx; width: 132rpx;" v-if="yul"
			@click="easyDocument">
			预览>
		</view> -->
	</view>
</template>
<script>
	export default {
		data() {
			return {}
		},
		methods: {
			easyDocument() {
				this.$emit('easyDocument')
			}
		},
		props: {
			title: {
				type: String,
				default: ''
			},
			img: {
				type: String,
				default: ''
			},
			yul: {
				type: Boolean,
				default: true
			}
		}
	}
</script>

<style>
</style>
